.modal-panel {
    box-shadow: rgb(0 0 0 / 10%) 0px 5px 10px 0px;
    background: var(--background-color);
    border-radius: 10px;
    border: 1px solid var(--border-color);
    display: block;
    overflow: auto;
    position: relative !important;
    min-width: 430px;

    @media all and (max-width: 1000px) {
        border: none;
        border-radius: 0px;
        width: 100vw;
        height: var(--app-height);
        min-width: 100%;

    }
}



.cdk-global-scrollblock {
    overflow: hidden;
    pointer-events: none !important;
}


.fullscreen {
    background: var(--background-color);
    display: block;
    overflow: auto;
    width: 100%;
    height: 100%;

    @media all and (max-width: 1000px) {
        border: none;
        height: var(--app-height);


    }


}





.modal-content {
    box-shadow: rgb(0 0 0 / 10%) 0px 5px 10px 0px;
    background: var(--white);
    border-radius: 10px;
    border: 1px solid var(--border-color);

    @media all and (max-width: 1000px) {
        width: 100vw;
        height: 100vw;


    }

}

.modal-window {
    overflow: auto;
}